<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>!nteractive - Bussiness / Corporate Theme</title>
<link href="css/main.css" type="text/css" rel="stylesheet" media="screen" />
<style type="text/css" media="screen"> body { background: #10304d; background-attachment:fixed; background-position:50% 0;} </style>
</head>
<body>
<div id="main">
   <div id="header">
      <div id="navigation">
          <div id="navigation-left"></div>
          <div id="navigation-middle">
               <ul>
                  <li><a href="index-2.html">Home</a></li> 
                  <li class="current"><a href="about.html">About Us</a></li>
                  <li><a href="portofolio.html">Portofolio</a></li> 
                  <li><a href="contact.html">Contact</a></li> 
                  <li><a href="blog.html">Blog</a></li> 
               </ul>
              <div class="hover">&nbsp;</div>
           </div>
          <div id="navigation-right"></div>
      </div><!-- End of navigation -->
     <div id="logo">&nbsp;</div>
   </div><!-- End of header -->

   <div id="main-content">
   <div id="content">
   <div id="top-bar">
           <ul>
                 <li><span class="homepage-icon"><a href="index-2.html">Homepage</a></span></li> 
                 <li><a href="about.html">About Us</a></li> 
                 <li>About</li>
           </ul>
   </div>
   <div id="middle">
       <div id="col-left">
            <h3>Who we are ?</h3>
             <div class="img-holder"><img src="img/who-we-are.jpg" alt=""/></div>
            <div class="space"></div>
            Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante.            Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. 
            <div class="space"></div>
            Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante.            Donec eu libero sit amet quam egestas semper. 
            
            <div class="space"></div><br /><br />
            <h3>Why to choose us ?</h3>
            <div class="space"></div>
            Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante.            Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. 
            <div class="space"></div>
            Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante.            Donec eu libero sit amet quam egestas semper. 
			<ul class="dotted">
			    <li class="checked">Lorem ipsum sit a met 1</li>
				<li class="checked">Lorem ipsum sit a met 2</li>
				<li class="unchecked">Lorem ipsum sit a met 3</li>
				<li class="checked">Lorem ipsum sit a met 4</li>
			</ul>
            
            <div class="space"></div><br /><br />
            <h3>What we can do ?</h3>
            <div class="space"></div>
            Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante.            Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. 
            <div class="space"></div>
            Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante.            Donec eu libero sit amet quam egestas semper. 
			<ol class="dotted">
			    <li class="icon-arrow"><b>Internet marketing</b> -  Pellentesque habitant morbi tristique senectus. </li>
				<li class="icon-arrow"><b>Web design </b> - Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante.</li>
				<li class="icon-arrow"><b>Web development</b> - Lorem ipsum sit a met </li>
				<li class="icon-arrow"><b>SEO</b> - Donec eu libero sit amet quam egestas semper.</li>
			</ol>
       </div>
       <div id="sidebar">
       <div class="sticker">
       <div class="wrapper">
            <div class="sticker-topbar">
                 <h5 align="right">Sub navigation</h5>
            </div>
       		<ul class="side-nav">
			    <li class="current"><a href="#">About Us</a></li>
				<li><a href="#">Our team</a></li>
				<li><a href="#">Our clients</a></li>
				<li><a href="#">Philosophy </a></li>
			</ul>
       </div>
       </div>
       
      <div class="sticker">
       <div class="wrapper">
            <div class="sticker-topbar">
                 <h5 align="right">Search</h5>
            </div>
            <form action="#" >
            <input type="text" name="search" value="Enter your search here ..." onfocus="if(this.value=='Enter your search here ...') this.value='';" onblur="if(this.value=='') this.value='Enter your search here ...';" />
            <input type="submit" name="sumbit" class="submit" value=""/>
            </form>
       </div>
       </div>
       
	   <div id="advertisment">
			<h5>Advertisment</h5>
			<ul>
			    <li><a href="http://graphicriver.net/?ref=cond0r"><img src="img/gr_125x125_v4.gif" alt="ad" /></a></li>
			    <li class="even"><a href="http://flashden.net/?ref=cond0r"><img src="img/fd_125x125_v5.gif" alt="ad" /></a></li>
				<li><a href="http://videohive.net/?ref=cond0r"><img src="img/vh_125x125_4.gif" alt="ad" /></a></li>
			    <li class="even"><a href="http://themeforest.net/?ref=cond0r"><img src="img/tf_125x125_v5.gif" alt="ad" /></a></li>
			</ul>
       </div>
      
      <div class="sticker">
       <div class="wrapper">
            <div class="sticker-topbar">
                 <h5 align="right">Get in touch !</h5>
            </div>
            <div style="text-align:right;">
 		    	1400 Pennsylvania Ave.<br />
 		    	Washington, DC<br /><br />
 		    	<font class="phone">+1 (555) 123-4567</font><br />
 		    	<font class="email"> youremail&#64;email.com </font>
                <ul id="social">
				    <li id="RSS" title="RSS feed"><a href="#"></a></li>
				    <li id="facebook" title="Facebook"><a href="#"></a></li>
				    <li id="flikr" title="Flikr"><a href="#"></a></li>
				    <li id="twitter" title="Twitter"><a href="#"></a></li>
				    <li id="delicios" title="Delicios"><a href="#"></a></li>
				    <li id="digg" title="Digg"><a href="#"></a></li>
			    </ul>
            </div>
       </div>
      </div>
    
     </div> <!-- End of sidebar -->
 
   </div>
   <div id="bottom-bar"></div>
   </div><!-- End of content -->
   <div id="footer">Copyright © !nteractive  2009  |  Valid CSS &amp; HTML</div>
   </div><!-- End of main content -->
   </div><!-- End of main -->
   <div id="sub-footer"> 
       <div style="width:1010px;  margin:auto; text-align:left;">
            Background changer (available only in live preview): 
            <ul>
<li class="active"> <div style="width:100%; height:70%; background:#10304d;" rel="#10304d"> <a href="#"> </a></div> #10304d </li>
<li> <div style="width:100%; height:70%; background:#447fb0;" rel="#447fb0"> <a href="#"> </a> </div> #447fb0 </li>
<li> <div style="width:100%; height:70%; background:#463136;" rel="#463136"> <a href="#"> </a> </div> #463136 </li>
<li> <div style="width:100%; height:70%; background:#484848;" rel="#484848"> <a href="#"> </a> </div> #484848 </li>
<li> <div style="width:100%; height:70%; background:#1c5c3b;" rel="#1c5c3b"> <a href="#"> </a> </div> #1c5c3b </li>
<li> <div style="width:100%; height:70%; background:#607b4a;" rel="#607b4a"> <a href="#"> </a> </div> #607b4a </li>
<li> <div style="width:100%; height:70%; background:#c7499c;" rel="#c7499c"> <a href="#"> </a> </div> #c7499c </li>
<li> <div style="width:100%; height:70%; background:#740f26;" rel="#740f26"> <a href="#"> </a> </div> #740f26 </li>


<li> <div style="width:100%; height:70%; background:#030303 url(img/min-wood-1.jpg) no-repeat; "  rel="#030303 url(img/wood-1.jpg) no-repeat"> <a href="#"></a> </div> Wood 1 </li>
<li> <div style="width:100%; height:70%; background:#030303 url(img/min-wood-2.jpg) no-repeat;"  rel="#030303 url(img/wood-2.jpg) no-repeat"> <a href="#"></a> </div> Wood 2 </li>
<li> <div style="width:100%; height:70%; background:#030303 url(img/min-wood-3.jpg) no-repeat;"  rel="#030303 url(img/wood-3.jpg) no-repeat"> <a href="#"></a> </div> Wood 3 </li>
<li> <div style="width:100%; height:70%; background:#030303 url(img/min-wood-4.jpg) no-repeat;"  rel="#030303 url(img/wood-4.jpg) no-repeat"> <a href="#"></a> </div> Wood 4 </li>
<li> <div style="width:100%; height:70%; background:#030303 url(img/min-wood-5.jpg) no-repeat;"  rel="#030303 url(img/wood-5.jpg) no-repeat"> <a href="#"></a> </div> Wood 5 </li>
<li> <div style="width:100%; height:70%; background:#030303 url(img/min-wood-6.jpg) no-repeat;"  rel="#030303 url(img/wood-6.jpg) no-repeat"> <a href="#"></a> </div> Wood 6 </li>
            </ul>
       </div>
   </div>
   <script src="js/jquery-1.4.js" type="text/javascript"></script>
   <script src="js/jquery.easing.js" type="text/javascript"></script>
   <script type="text/javascript" src="js/jquery.cookie.js"></script>
   <script type="text/javascript" src="js/custom.js"></script>
 
     <!--[if lt IE 7]>
     <script src="js/DD_belatedPNG.js" type="text/javascript"></script>
     <script type="text/javascript">DD_belatedPNG.fix('.sticker,.homepage-icon, #top-bar li,.current,.hover,#navigation-middle,#navigation-left,#navigation-right,#top-bar,#middle,#bottom-bar,#logo');</script>
     <![endif]-->
</body>
<center><A href="http://www.alexa.com/siteinfo/mfgbilisim.com"><SCRIPT type='text/javascript' language='JavaScript' src='http://xslt.alexa.com/site_stats/js/t/b?url=mfgbilisim.com'></SCRIPT></A>
<script type="text/javascript">
var sc_project=5461049; 
var sc_invisible=1; 
var sc_partition=60; 
var sc_click_stat=1; 
var sc_security="7daa6c20"; 
</script>
<script type="text/javascript"
src="http://www.statcounter.com/counter/counter.js"></script><noscript><div
class="statcounter"><a title="istatistik"
href="http://www.statcounter.com/joomla/"
target="_blank"><img class="statcounter"
src="http://c.statcounter.com/5461049/0/7daa6c20/1/"
alt="istatistik" ></a></div></noscript>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-10408704-2");
pageTracker._setDomainName(".mfgbilisim.com");
pageTracker._trackPageview();
} catch(err) {}</script>

</html>
